// 轮播图
$("#myCarousel").carousel({
            interval:1000,
            pause:'hover',
            wrap:true
        });
// 点击切换城市
$("#btn").on("click",function(){
	$("#city1").css("display","block");
})
$("#close").on("click",function(){
	$("#city1").css("display","none");
})
for(var i = 0;i < 15;i++){
	$(".list").eq(i).on("click",function(){
		$("#city").html($(this).html());
		$("#city1").css("display","none");

	})
}

$("#py span").on("click",function(){
	$("#py-one").empty();
	var x = $(this).html();
	$.get("http://localhost:3000/json/city.json",function(data){
		var csc = data.result.citylist[x]
		for(var i = 0;i < csc.length;i++){
			$("<span>"+csc[i].name+"&nbsp;&nbsp;</span>").appendTo($("#py-one")).on("click",function(){
				$("#city").html($(this).html());
			});
		}
	})
})

//热门手机回收
$.get("http://localhost:3000/json/rmsjhs.json",function(data){
	// console.log(data.result);
	var a1 = data.result;
	for (var i = 0; i < a1.length; i++) {
	       $(".one").eq(i).children("img").attr("src",a1[i].img_url);
	       $(".one").eq(i).children("h5").html(a1[i].model_alis);         	         	
	  }
})

//优品精选
	$.get("http://localhost:3000/json/ypjx.json",function(data){
	// console.log(data.result);
	var a2 = data.result;
	for (var i = 0; i < a2.length; i++) {
	       $(".two").eq(i).children("img").attr("src",a2[i].thum_img.big);
	       $(".two").eq(i).children("h4").html(a2[i].price);
	       $(".two").eq(i).children("h5").children("span").eq(0).html(a2[i].brand_name);         
	       $(".two").eq(i).children("h5").children("span").eq(1).html(a2[i].model_name);	         	
	  }
})
//下面
// 店铺
var wws = document.querySelectorAll(".ww");
var dians = document.querySelectorAll(".dian");
for(var i = 0;i < wws.length;i++){
	wws[i].index = i;
	wws[i].onmouseover = function(){
		for(var j = 0;j < dians.length;j++){
			dians[j].style.display = "none";
		}
		dians[this.index].style.display = "block"; 
	}
}
$(".ww").on("mouseout",function(){
	for(var x = 0;x < $(".ww").length;x++){
		$(".dian").eq(x).css("display","none");
	}
})
//分页
fenye(1);
function fenye(page){
	$.get("http://localhost:3000/json/"+page+".json",function(data){
		// console.log(data.shop_data);
		var a3 = data.shop_data;
		for(var i = 0;i < a3.length;i++){
			$(".ww").eq(i).children("li").eq(0).children("img").attr("src",a3[i].shop_ico);
			$(".ww").eq(i).children("li").eq(1).children("p").eq(0).html(a3[i].shop_name +"&nbsp;店铺等级:");
			$(".ww").eq(i).children("li").eq(1).children("p").eq(1).html("主营:"+a3[i].main);
			$(".ww").eq(i).children("li").eq(1).children("p").eq(2).html("地址:"+a3[i].cuxiao_tip);
			$(".ww").eq(i).children("li").eq(2).children("p").eq(2).html("人气:"+a3[i].shop_visit);
		}
	})
}
	
//点击注册
$("#zzc").on("click",function(){
	$("#zc").show();
	$(".wrap").show();
})
$(".delete").on("click",function(){
	$("#zc").hide();
	$(".wrap").hide();
	$(".load").hide();
})
$("#dl").on("click",function(){
	$(".load").show();
	$(".wrap").show();
})
// 在线客服
$(".zx").on("click",function(){
	// alert(1)
	$("#cc").show();
})
$("#guan").on("click",function(){
	$("#cc").hide();
})
$("#fs").on("click",function(){
	$("<p>"+$("#txt").val()+"</p>").appendTo($("#tab"));
})
//客服服务
$("#kf").on("mouseover",function(){
	$("#kf1").show();
});
$("#kf1").on("mouseout",function(){
	$(this).hide();
})
//投诉建议
$("#ts").on("click",function(){
	$("#tt").show();
})
$("#gg").on("click",function(){
	$("#tt").hide();
})
$("#qd").on("click",function(){
	$("#tt").hide();
})
//地图
$("#xx").on("click",function(){
	$(".wrap").hide();
	$(this).hide();
	$("#container").hide();
})
$("#dt").on("click",function(){
	$(".wrap").show();
	$("#xx").show();
	$("#container").show();
})


//左边框

$.get("http://localhost:3000/json/xiudiannao.json",function(data){
	// console.log(data.result.other);
	var a8 = data.result.hot;
	var a9 = data.result.other;
	for(var j = 0;j < a9.length;j++){
		$(".tab2").children("h5").children("span").eq(j).html(a9[j].name);
	}
	for(var i = 0; i < a8.length;i++){
		$(".tab2").children("h6").children("span").eq(i).html(a8[i].name);
	}
	
})
$.get("http://localhost:3000/json/maishouji.json",function(data){
	var a5 = data.result;
	for(var i = 0; i < a5.length;i++){
		$(".tab3").children("span").eq(i).html(a5[i].name);
	}
})
$.get("http://localhost:3000/json/ershouji.json",function(data){
	var a5 = data.result;
	for(var i = 0; i < a5.length;i++){
		$(".tab4").children("span").eq(i).html(a5[i].name);
	}
})
var list = document.querySelectorAll("#lis");
// console.log(list)
var divs = document.querySelectorAll("#divs");
// console.log(divs);
for(var i = 0;i < list.length;i++){
	list[i].index = i;
	list[i].onmouseover = function(){
		for(var j = 0; j < list.length;j++){
			divs[j].style.display = "none";
		}
		divs[this.index].style.display = "block";
	}
}


for(var x = 0;x < divs.length;x++){
	divs[x].onmouseout = function(){
		this.style.display = "none";
	}
}

//登陆
$(".div").on("click",function(){
	var longinOBJ={
		username:$("#txt2").val(),
		pwd:$("#pass2").val()
	}
	var xhr=new XMLHttpRequest();
	xhr.open("post","http://localhost:3000/login");
	xhr.send(JSON.stringify(longinOBJ));
	xhr.onreadystatechange=function () {
	   if(xhr.readyState==4){
	        if(xhr.status>=200){
	        	if (xhr.responseText=="true"){
	        		alert("登陆成功")
				$(".wrap").css("display","none");
				$(".load").css("display","none");
				$("#dl").html("您好"+$("#txt2").val());
			}else{
				alert("账号密码不正确");
				}
	       	}
	    }
	}
})
//注册
$("#btn1").on("click",function(){
	console.log(1)
	var obj={
		username:$("#txt-z").val(),
		pwd:$("#pass-z").val()
	}
	var xhr=new XMLHttpRequest();
	xhr.open("post","http://localhost:3000/register",true);
	xhr.send(JSON.stringify(obj));
	xhr.onreadystatechange=function () {
	     if(xhr.readyState==4){
	   	    if(xhr.status>=200){
	         	alert("注册成功！");
			$("#zc").css("display","none");
			$(".wrap").css("display","none");
	        }
	    }
	}
})

//分页
$(function(){
	$("#page").Page({
	totalPages: 99,//分页总数
	liNums: 9,//分页的数字按钮数(建议取奇数)
	activeClass: 'activP', //active 类样式定义
	callBack : function(page){
		console.log(page);
		fenye(page);
		}
  	});
})
